import React from 'react';
import { Card as AntCard, CardProps } from 'antd';

interface CustomCardProps extends CardProps {
  children: React.ReactNode;
  className?: string;
}

export const Card: React.FC<CustomCardProps> = ({ 
  children, 
  className = '', 
  ...props 
}) => {
  return (
    <AntCard 
      className={`shadow-sm border-gray-200 ${className}`}
      {...props}
    >
      {children}
    </AntCard>
  );
};

export default Card;